@charset "utf-8";
/* 初始化 */
html,body{ width:100%; margin:0px; padding:0px; height:100%; background-color:#fff;}
html{ overflow-y:scroll; -webkit-text-size-adjust:none;}
body{ color:#666; font-family:微软雅黑; font-size:16px; line-height:1.8em; text-align:center; overflow:visible;}
ul{ list-style:none; padding:0px; margin:0px;}
li{ padding:0px; margin:0px; border:0px;}
img{ border:0px; padding:0px; margin:0px;}
a{ text-decoration:none; color:#666; font-size:14px;}
input,select,textarea,button{ outline:none;}
p{ margin:0; padding:0; line-height:1.8em;}
form{ padding:0; margin:0;}

.shadow-hover{-webkit-transition:all .2s linear;transition:all .2s linear;}
.shadow-hover:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0);}
.wow{ visibility:hidden;}

/* 常用类 */
.ellipsis{overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.inlineBlock{ display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;}
.opacity{ filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
.clearBoth{clear: both;height:0px;overflow:hidden;}
.clearfix:before,.clearfix:after { display: table; content: " ";}
.clearfix:after{ clear: both;}
.breakAll{ word-wrap:break-word; word-break:break-all;}
.ret{ width:100%; height:100%; position:relative;}
.empty-tips{ width:100%; height:400px; line-height:200px; font-size:18px; color:#999;}
.caret{ width:0; height:0; display:inline-block; margin-left:4px; vertical-align:middle; border-top:4px solid; border-left:4px solid transparent; border-right:4px solid transparent;}
#all .item.hack{ height:0; overflow:hidden;}

/* 主框架 */
#all{ width:100%; min-height:100%; height:auto!important; height:100%;}
.main-middle{ width:1000px; text-align:left; margin:0 auto; position:relative;}

/* 顶部 */
#top{ width:100%; height:80px; position:absolute; left:0; top:0; z-index:10; transition:all 1200ms;}
#top.top-light{ background-color:rgba(0,0,0,.7);}
#logo{ float:left; margin-left:24px; position:relative; top:10px;}
#menu{ float:right; padding-right:10px; height:100%;}
#menu a{ width:104px; height:100%; text-align:center; color:#fff; font-size:14px; display:block; float:left; position:relative; line-height:80px;}
#menu a .line{ width:0; height:1px; position:absolute; top:66px; left:50%; margin-left:0; background-color:#fff; transition:all .2s ease-out 0s;}
#menu a:hover .line{ width:50px; margin-left:-25px;}
#menu a.cur{ color:#93C43E;}
#menu a.cur .line{ width:50px; margin-left:-25px; background-color:#93C43E;}

/* 底部 */
#foot{ width:100%; background-color:#222; padding:0 60px;}
.foot-mid{ width:100%; height:350px; background:url(../images/foot-bg.png) right 84px no-repeat; position:relative;}
#foot .foot-logo{ width:99px; height:48px; background-image:url(../images/foot-logo.png); right:50px; top:60px; position:absolute;}
#foot .foot-contact{ position:absolute; right:50px; bottom:30px; line-height:28px; font-size:14px; color:#999; text-align:right;}
.foot-contact a{ color:#999;}
.foot-contact span{ padding-left:16px;}
.sitemap{ font-size:16px; padding-top:28px; height:320px; text-align:left; float:left;}
.sitemap .list{ padding-left:8px; padding-right:40px; min-width:100px; line-height:30px; float:left;}
.sitemap .list a.head{ width:100%; color:#ddd; padding:10px 0;}
.sitemap .list a.head:hover{ color:#fff;}
.sitemap .list a{ width:100%; color:#999; padding:4px 0; display:block; transition:all 300ms;}
.sitemap .list a:hover{ color:#ccc;}
.btn-foot-backtop{ width:80px; height:40px; position:absolute; right:0; top:28px; background-image:url(../images/btn-foot-backtop.png); cursor:pointer;}
.btn-foot-backtop:hover{ background-color:#444;}
.copy{ width:100%; border-top:1px solid #333; height:92px; line-height:92px; font-size:12px;}
.copy .mid{ width:100%; margin:0 auto; text-align:center; position:relative; color:#666;}
.copy .mid a{ color:#666; transition:all 300ms;}
.copy .mid a:hover{ color:#777;}

/* 页码 */
.pageNum{ width:100%; text-align:center; line-height:36px; padding:10px 0;}
.pageNum a{ display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; min-width:36px; height:36px; padding:0 5px; color:#ccc; background-color:#fff; margin:0 6px 12px 6px; font-size:14px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.pageNum a:hover{ color:#92C43E;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.1);box-shadow:0 5px 10px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -1px, 0);transform:translate3d(0, -1px, 0);}
.pageNum a.cur{ background-color:#92C43E; color:#fff; border:1px solid #92C43E;}

/* common */
.banner{ width:100%; height:320px; background-size:cover; text-align:center; color:#fff; background-color:#000;}
.banner.sm{ margin-top:-160px;}
.banner .title{ padding-top:128px; line-height:54px; font-size:38px; letter-spacing:4px; text-indent:4px;}
.banner .en{ line-height:26px; font-size:14px; letter-spacing:10px; text-indent:10px;}

.common-cate{ width:100%; height:108px; background-color:#fff; text-align:center;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 10px rgba(0,0,0,0.1); position:relative; z-index:1;}
.common-cate a{ display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; padding:0 24px; line-height:108px; position:relative; font-size:16px; color:#666; transition:all 300ms;}
.common-cate a .line{ width:0; height:1px; background-color:#92C43E; position:absolute; left:50%; margin-left:0; top:80px; transition:all 300ms;}
.common-cate a:hover{ color:#92C43E; background-color:#fafafa;}
.common-cate a.active{ color:#92C43E;}
.common-cate a.active .line{ width:50px; margin-left:-25px;}
.submenu{ background-color:#fafafa; position:absolute; left:0; top:98px; visibility:hidden; transform:translate3d(-10px, 0, 0); opacity:0; transition:all 300ms;}
.submenu.show{ visibility:visible; opacity:1;transform:translate3d(0, 0, 0); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 10px rgba(0,0,0,0.1); padding:10px 0;}
.submenu .item{ white-space:nowrap; height:50px; line-height:50px; font-size:16px; color:#333; padding:0 40px 0 20px; transition:all 300ms; min-width:160px; text-align:left; position:relative;}
.submenu .item:hover{ color:#92C43E;}
.submenu .item .caret{ position:absolute; right:10px; top:50%; margin-top:-2px; transform:rotate(-90deg);}

.sonmenu{ background-color:#fafafa; position:absolute; left:100%; top:0; visibility:hidden; transform:translate3d(-10px, 0, 0); opacity:0; transition:all 300ms;}
.sonmenu.show{ visibility:visible; opacity:1;transform:translate3d(0, 0, 0); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 10px rgba(0,0,0,0.1); padding:10px 0;}

.nav{ width:100%; height:90px; border-bottom:1px solid #d6d6d6; padding:27px 16px; text-align:left; color:#999; font-size:14px; line-height:34px;}
.nav .icon{ width:36px; height:36px; float:left; background-image:url(../images/icon-nav-home.png);}
.nav a{ color:#999; transition:all 300ms; padding:0 10px; font-size:14px;}
.nav a:hover{ color:#333;}
.nav span{ color:#333; padding:0 10px;}

/* page */
.swiper-container.swiper-page{ width:100%; padding:0; margin:0; background-color:#111;}
.swiper-container.swiper-page .swiper-slide{ position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.swiper-page-pagination{ position:absolute; right:20px; bottom:80px; width:12px; z-index:100;}
.swiper-page-pagination .swiper-pagination-bullet{ width:12px; height:12px; margin:6px 0; border:1px solid #fff; border-radius:20px;}
.swiper-page-pagination .swiper-pagination-bullet-active{ background-color:#fff;}
.page-item{ position:absolute; left:50%; top:50%; display:block;}


.home2{ background-image:url(../images/home2.png); background-color:#fff;}
.home2 .plan-box{ position:absolute; left:50%; top:50%; margin-left:-600px; margin-top:-310px; height:700px;}
.advantage-in .plan-box .text{ text-align:center; text-indent:0;}
.plan-box{ width:1200px; text-align:center; margin:0 auto;}
.plan-box .topic{ width:100%; line-height:80px; font-size:50px; color:#333; padding-bottom:42px;}
.plan-box .topic small{ display:block; width:100%; line-height:38px; font-size:22px; color:#999; letter-spacing:4px; text-indent:4px;}
.plan-box .text{ padding-top:30px; line-height:30px; font-size:14px; height:120px; color:#333; width:1000px; margin:0 auto 30px auto; text-align:justify; text-indent:2em;}
.plan-box .btn-more{ width:112px; height:38px; line-height:38px; color:#fff; margin:0 auto; background-color:#93C43E; display:block; transition:all 600ms;}
.plan-box .btn-more:before{ content: "MORE";}
.plan-box .btn-more:hover{ width:140px; letter-spacing:3px; text-indent:3px;}
.plan-list{ width:1128px; margin:0 auto;}
.plan-list.col4{ width:752px;}
.plan-list.col5{ width:940px;}
.plan-list.col6{ width:1128px;}
.plan-list .item{ padding:10px 0 11px 0; width:188px; height:170px; float:left;}
.plan-list .item .icon{ width:95px; height:95px; background-size:cover; border:1px solid #ddd; border-radius:48px; margin:0 auto; transition:all 600ms; overflow:hidden;}
.plan-list .item .icon img{ width:95px; height:95px; display:block; transition:all 400ms; object-fit:cover;}
.plan-list .item .title{ width:100%; height:52px; color:#333; font-size:14px; line-height:52px;}
.plan-list .item .content{ display:none;}
.plan-list .item:hover .icon{ border-color:#93C43E; background-color:#93C43E;}
.plan-list .item:hover .icon img:first-child{ margin-top:-100%;}
.plan-list .item:hover .title{ color:#93C43E;}
.plan-list .item.active .title{ color:#93C43E;}
.plan-list .item.active .icon{ border-color:#93C43E; background-color:#93C43E;}
.plan-list .item.active .icon img:first-child{ margin-top:-100%;}
.plan-list .item.active .title{ color:#93C43E;}

.advantage-in{ padding-top:50px;}
.advantage-in .plan-box .text{ height:300px;}

.home4{ background-color:#f4f4f4;}
.home5{ background-image:url(../images/home5.png);}
#all .swiper-slide.home6{ height:443px;}

/* home */
.swiper-container.swiper-home{ width:100%; height:100%; margin:0 auto;}
.swiper-container.swiper-home .swiper-wrapper{ width:100%; height:100%;}
.swiper-container.swiper-home .swiper-slide{ background-position:center center; background-size:cover;}
.swiper-container.swiper-home .swiper-slide .text{ width:100%; height:100%; background-position:center center; background-size:cover; background-repeat:no-repeat;}
.swiper-container.swiper-home .swiper-slide .text.phone{ background-size:180% auto;}
.swiper-container.swiper-home .swiper-button-prev{ width:74px; height:74px; background:url(../images/home-swiper-prev.png) center center no-repeat; left:30px; top:50%; margin-top:-37px;}
.swiper-container.swiper-home .swiper-button-next{ width:74px; height:74px; background:url(../images/home-swiper-next.png) center center no-repeat; right:30px; top:50%; margin-top:-37px;}

#all .swiper-container .swiper-home-pagination{ bottom:66px;}
.swiper-container .swiper-common-pagination{ position:absolute; left:0; bottom:0; width:100%; height:17px; z-index:1;}
.swiper-container .swiper-common-pagination .swiper-pagination-bullet{ width:12px; height:12px; margin:0 5px; background-color:#fff; border-radius:0; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:all 400ms ease; border-radius:10px; padding:0; border:0;}
.swiper-container .swiper-common-pagination .swiper-pagination-bullet-active{ background-color:#93C43E; width:40px;}

.swiper-container.swiper-planswiper{ width:100%; height:100%; margin:0 auto;}
.swiper-container.swiper-planswiper .swiper-wrapper{ width:100%; height:100%;}
.swiper-container.swiper-planswiper .swiper-slide{ background-position:center center; background-size:cover; position:relative;}
.swiper-container.swiper-planswiper .swiper-slide .title{ width:590px; height:100px; line-height:100px; margin-left:-590px; margin-top:-214px; color:#fff; text-align:left; font-size:68px;}
.swiper-container.swiper-planswiper .swiper-slide .preview{ width:590px; height:40px; line-height:40px; margin-left:-590px; margin-top:-114px; color:rgba(255,255,255,.7); text-align:left; font-size:22px;}

#all .swiper-container .swiper-planswiper-pagination{ bottom:auto; top:50%; margin-top:0; left:50%; margin-left:-590px; text-align:left;}
.swiper-container .swiper-planswiper-pagination{ position:absolute; left:0; bottom:0; width:590px; height:148px; z-index:1;}
#all .swiper-container .swiper-planswiper-pagination .swiper-pagination-bullet{ width:148px; height:148px; line-height:134px; font-size:24px; color:#fff; background:none; border-radius:0; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:all 400ms ease; border-radius:10px; padding:0; border:7px solid #fff; text-align:center; border-radius:134px; margin-right:30px;}
#all .swiper-container .swiper-planswiper-pagination .swiper-pagination-bullet-active{ background-color:#93C43E; color:#fff; border-color:#93C43E;}

/* solution */
.solution-list{ width:1180px; margin:40px auto;}
.solution-list .item{ width:100%; height:300px; margin-bottom:28px; background-color:#fff; text-align:left; position:relative;}
.solution-list .item .info{ padding:30px 40px; width:700px; height:240px; float:left;}
.solution-list .item .info .title{ width:100%; height:36px; line-height:36px; color:#000; font-size:18px; transition:all 300ms;}
.solution-list .item .info .title:hover{ color:#93C43E;}
.solution-list .item .info .posttime{ width:100%; height:24px; line-height:24px; color:#666; font-size:12px; margin-bottom:10px;c}
.solution-list .item .info .preview{ width:100%; line-height:26px; color:#999; font-size:12px; height:96px; overflow:hidden; margin-bottom:10px;}
.solution-list .item .info .btn-detail{ width:112px; height:38px; line-height:38px; border:1px solid #e8e8e8; color:#999; font-size:12px; text-align:center; transition:all 300ms;}
.solution-list .item .info .btn-detail:before{ content: 'MORE';}
.solution-list .item .info .btn-detail:hover{ background-color:#93C43E; border-color:#93C43E; color:#fff; letter-spacing:1px; text-indent:1px;}
.solution-list .item .img{ width:360px; height:300px; float:right; overflow:hidden; position:relative; object-fit:cover;}
.solution-list .item .img img{ width:100%; height:100%; display:block; transition:all 1200ms; object-fit:cover;}
.solution-list .item:hover .img img{ transform:scale(1.1,1.1);}

/* product */
.product-list{ width:1348px; margin:0 auto; display:flex; flex-wrap: wrap; justify-content:space-between;}
.product-list .item{ width:420px; height:580px; background-color:#fff; margin-bottom:42px; position:relative; transition:all 200ms ease-out;}
.product-list .item .img{ width:420px; height:420px; border-bottom:1px solid #f4f4f4;}
.product-list .item .img img{ width:100%; height:100%; display:block; object-fit:cover;}
.product-list .item .info{ width:100%; height:104px; padding:28px 24px; line-height:24px; position:relative; text-align:left;}
.product-list .item .title{ width:330px; height:24px; font-size:16px; color:#333; overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.product-list .item .resume{ font-size:14px; line-height: 20px; color:#999; width:100%; height:80px; overflow: hidden; margin-top: 10px;}
.product-list .item .arrow{ width:0; height:11px; background:url(../images/icon-list-arrow.png) right center no-repeat; position:absolute; right:74px; bottom:60px; transition:all 200ms ease-out;}
.product-list .item:hover .arrow{ right:24px; opacity:.8; width:26px;}
.color-in{ width: 100%; height: 50px; position: absolute; top: 380px; text-align: center; font-size: 12px; }
.color-in .color-item{ width: 60px; height: 40px; line-height: 20px; color: #333; display: inline-block; text-align: center; }
.color-in .color-item .color{ width: 40px; height: 18px; border: 1px solid #000; margin: 0 auto; }

.product-img-bg{ width:100%; height:526px; background-color:#fff; padding-top:36px; margin-bottom:30px;}
.swiper-container.swiper-productImg{ width:1200px; height:100%; margin:0 auto;}
.swiper-container.swiper-productImg .swiper-wrapper{ width:100%; height:100%;}
.swiper-container.swiper-productImg .swiper-slide{ background-position:center center; background-size:cover; position:relative;}
.swiper-container.swiper-productImg .swiper-slide img{ width:1000px; height:400px; margin:0 auto; object-fit:contain;}

#all .swiper-container.swiper-productImg .swiper-button-prev{ background-image:url(../images/img-prev.png); width:30px; height:50px;}
#all .swiper-container.swiper-productImg .swiper-button-next{ background-image:url(../images/img-next.png); width:30px; height:50px;}

#all .swiper-container .swiper-productImg-pagination{ text-align:center; width:100%; height:80px; bottom:40px; position:absolute; z-index:1;}
#all .swiper-container .swiper-productImg-pagination .swiper-pagination-bullet{ width:79px; height:79px; margin:0 12px; border:1px solid #d6d6d6; background-color:#fff; border-radius:0; opacity:1;}
#all .swiper-container .swiper-productImg-pagination .swiper-pagination-bullet img{ width:100%; height:100%; display:block; object-fit:contain;}
#all .swiper-container .swiper-productImg-pagination .swiper-pagination-bullet-active{ width:78px; height:78px; border:2px solid #93C43E; color:#fff;}

.product-detail-topic{ width:1348px; margin:0 auto; height:64px; line-height:64px; padding:0 24px; color:#666; font-size:20px; text-align:left;}
.product-info .title{ line-height:44px; color:#000; font-size:26px; padding-bottom:4px;}
.product-info .typeno{ font-size:16px; color:#999;}
.product-detail-field{ width:1348px; padding:30px; margin:0 auto 20px auto; background-color:#fff; text-align:left; position: relative;}
.product-detail-field .content{ width:100%; min-height:300px; font-size:16px; color:#333;}
.product-detail-field .content img{ max-width:100%;}
.product-detail-field .content iframe{ max-width:100%;}
.product-detail-field .content table td{ padding:5px;}
.color-pos{ width: 100%; height: 50px; }
.color-topic{ color: #666; text-align: right; font-size: 12px; float: left; }
.color-pos .color-in{ position: static; height: 28px; padding: 5px 0; float: left; width: auto; padding-left: 22px; }
.color-pos .color-in .color-item{ width: auto; float: left; padding-right: 20px; line-height: 18px; line-height: 20px; color: #333; display: inline-block; text-align: left; }
.color-pos .color-in .color-item .color{ width: 40px; height: 18px; border: 1px solid #000; margin-right: 8px; float: left; }

/* project */
.project-list.home-project{ margin-left:-674px; margin-top:-310px;}
.project-list{ width:1348px; margin:40px auto 0 auto; display:flex; flex-wrap: wrap; justify-content:space-between;}
.project-list .item{ width:420px; height:328px; background-color:#fff; margin-bottom:40px; position:relative; transition:all 200ms ease-out; cursor:pointer;}
.project-list .item img{ width:420px; height:240px; display:block; object-fit:cover;}
.project-list .item .title{ width:340px; margin-left:24px; margin-top:20px; height:48px; font-size:14px; color:#333; text-align:left; overflow:hidden;}
.project-list .item .title .table{ width:100%; height:48px; display:table;}
.project-list .item .title .mid{ display:table-cell; vertical-align:middle; width:100%; height:100%; line-height:24px; overflow:hidden;}
.project-list .item .arrow{ width:0; height:11px; background:url(../images/icon-list-arrow.png) right center no-repeat; position:absolute; right:64px; bottom:36px; transition:all 200ms ease-out;}
.project-list .item:hover .arrow{ right:14px; opacity:.8; width:26px;}

/* news */
.news-list.home-news{ margin-left:-590px; margin-top:-280px; height:688px;}
.news-list{ width:1182px; margin:0 auto; margin-top:40px;}
.news-list .item{ width:100%; height:140px; margin-bottom:30px; background-color:#fff; text-align:left; position:relative; overflow:hidden; border:1px solid #e4e4e4; cursor:pointer;}
.news-list .item .bg{ width:149px; height:100%; position:absolute; background-color:#f7f7f7; border-right:1px solid #e4e4e4; transition:width 1600ms ease;}
.news-list .item .posttime{ padding-top:28px; text-align:center; line-height:28px; width:150px; float:left; font-size:16px; color:#999; letter-spacing:1px; position:relative;}
.news-list .item .posttime .day{ width:100%; height:64px; line-height:64px; font-size:68px; color:#93C43E; text-indent:8px; letter-spacing:0;}
.news-list .item .info{ padding-left:36px; width:640px; float:left; padding-top:10px; margin-right:200px; position:relative; box-sizing:content-box;}
.news-list .item .info .title{ font-size:20px; color:#666; width:100%; height:28px; line-height:28px; padding:14px 0; box-sizing:content-box;}
.news-list .item .info .preview{ width:100%; height:50px; line-height:25px; font-size:13px; color:#666; box-sizing:content-box; overflow:hidden;}
.news-list .item .btn-detail{ width:72px; height:100%; line-height:140px; font-size:14px; float:left; color:#666; position:relative; text-align:center;}
.news-list .item .btn-detail:before{ content: 'MORE';}
.news-list .item .arrow{ width:0; height:11px; background:url(../images/icon-list-arrow.png) right center no-repeat; position:absolute; right:84px; top:50%; margin-top:-5.5px; transition:all 200ms ease-out;}
.news-list .item:hover .bg{ width:100%; border:0;}
.news-list .item:hover .arrow{ right:34px; opacity:.8; width:26px;}

.detail-in{ width:1200px; margin:0 auto; text-align:center;}
.detail-info{ width:100%; padding-top:64px; border-bottom:1px solid #f4f4f4;}
.detail-info .title{ width:100%; font-size:28px; line-height:46px; color:#333; font-weight:bold;}
.detail-info .desc{ width:100%; padding:20px 0; font-size:14px; color:#aaa; line-height:28px;}
.detail-in .content{ width:1150px; margin:0 auto; padding:50px 0; text-align:left; line-height:1.2rem; font-size:16px; min-height:500px; color:#333;}
.detail-in .content img{ max-width:100%;}
.detail-in .content iframe{ max-width:100%;}
.detail-in .content table td{ padding:5px;}


/* brand */
.brand-list{ width:1348px; margin:40px auto 0 auto; display:flex; flex-wrap: wrap; justify-content:space-between; text-align:left;}
.brand-list .item{ width:400px; height:400px; background-color:#fff; margin-bottom:42px; position:relative; transition:all 200ms ease-out; overflow:hidden;}
.brand-list .item img{ width:100%; height:100%; display:block; transition:all 300ms ease-out;}
.brand-list .item:hover img:first-child{ margin-top:-100%;}

/* honor */
.honor-info{ width:100%; text-align:center; padding-top:70px; padding-bottom:40px;}
.honor-info .title{ line-height:108px; font-size:40px; color:#000;}
.honor-info .desc{ line-height:32px; font-size:14px; color:#aaa;}
.honor-info .honor-tel{ line-height:40px; font-size:30px; color:#333;}
.honor-info .honor-tel .icon{ width:40px; height:40px; background-image:url(../images/icon-honor-tel.png); display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;}

.honor-list{ width:1348px; margin:0 auto; display:flex; flex-wrap: wrap; justify-content:space-between; padding-top:10px;}
.honor-list .item{ width:420px; height:420px; background-color:#fff; margin-bottom:42px; position:relative; transition:all 200ms ease-out;}
.honor-list .item .img{ width:420px; height:420px; border-bottom:0 solid #f4f4f4;}
.honor-list .item .img img{ width:100%; height:100%; display:block; object-fit:cover;}
.honor-list .item .info{ width:100%; height:104px; padding:28px 24px; line-height:24px; position:relative; text-align:center;}
.honor-list .item .title{ width:340px; margin:0 auto; height:100%; font-size:16px; line-height:24px; color:#333; overflow:hidden; display:none;}
.honor-list .item .title .table{ width:100%; height:48px; display:table;}
.honor-list .item .title .mid{ display:table-cell; vertical-align:middle; width:100%; height:100%; line-height:24px; overflow:hidden;}

.job-cate-topic{ width:1200px; line-height:60px; margin:20px auto 10px auto; color:#333; font-size:24px; text-align:center; letter-spacing:8px; text-indent:8px;}
.job-list{ width:1200px; margin:0 auto;}
.job-list .item{ width:100%; padding:30px; background-color:#fff; position:relative; text-align:left; margin-bottom:28px; cursor:pointer; border:2px solid #fff; transition:all 600ms ease-out;}
.job-list .item .job-switch{ width:40px; height:30px; background-image:url(../images/job-switch.png); position:absolute; top:34px; right:20px; transition:all 300ms linear;}
.job-list .item .title{ width:100%; line-height:38px; color:#333; font-size:16px;}
.job-list .item .line{ margin-top:4px; width:28px; height:2px; background-color:#333; margin-bottom:12px;}
.job-list .item .preview{ width:100%; height:34px; font-size:14px; color:#999; overflow:hidden; transition:all 600ms ease-out; overflow:hidden;}
.job-list .item .job-content-topic{ width:162px; height:0; line-height:35px; text-indent:24px; text-align:left; font-size:14px; color:#333; background-image:url(../images/job-content-topic.png); transition:all 600ms ease-out; overflow:hidden; opacity:0;}
.job-list .item .content{ width:100%; font-size:14px; color:#555; padding:0 10px; height:0; transition:all 800ms ease-out; overflow:hidden; opacity:0;}
.job-list .item.close .job-switch{ background-position:bottom center;}
.job-list .item.close .preview{ opacity:0; height:10px;}
.job-list .item.close .job-content-topic{ height:35px; overflow:visible; opacity:1;}
.job-list .item.close .content{ height:auto; padding-top:12px; padding-bottom:26px; overflow:visible; opacity:1;}
.job-list .item:hover{ border-color:#93C43E;}

/* contact */
.contact-in{ width:1200px; position:relative; height:640px; padding-top:36px; text-align:left; margin:0 auto;}
.map{ width:100%; height:288px; overflow:hidden;}
#map{ width:150%; height:288px; margin-left:-50%;}
.contact-info{ width:640px; padding:24px 12px;}
.contact-info .item{ padding:3px 0; width:100%; color:#666; font-size:14px; line-height:24px;}
.contact-info .item .icon{ width:24px; height:24px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;}
.contact-info .item span{ color:#222; font-weight:bold;}
.contact-info .item a{ color:#222; font-weight:bold;}
.contact-info .item a:hover{ color:#000;}
.contact-info .item .tel{ display:block; font-size:26px; padding-left:24px; line-height:36px; font-weight:normal;}
.icon-address{ background-image:url(../images/icon-address.png);}
.icon-email{ background-image:url(../images/icon-email.png);}
.icon-tel{ background-image:url(../images/icon-tel.png);}

.contact-table{ width:334px; padding:22px; background-color:#fff; position:absolute; left:780px; top:74px; transition:all 400ms ease-out;}
.contact-table.hide{ transform:scale(.8,.8); transform-origin:top; opacity:0; visibility:hidden;}
.contact-table .topic{ width:100%; height:30px; color:#300; color:#222; font-size:14px; padding-bottom:8px;}
.contact-table input.form-control{ width:100%; height:40px; line-height:40px; padding:0 10px; margin-bottom:11px; background-color:#eee; border:0; transition:all 300ms;}
.contact-table input.form-control:focus{ background-color:#333; color:#fff;}
.contact-table textarea.form-control{ width:100%; height:140px; padding:5px 10px; line-height:26px; border:0; background-color:#eee; margin-bottom:11px; display:block; transition:all 300ms;}
.contact-table textarea.form-control:focus{ background-color:#333; color:#fff;}
.verify-row{ width:100%;}
.contact-table input.verify{ width:190px; float:left; box-sizing:content-box;}
.contact-table .codeimg{ width:80px; height:40px; float:left; object-fit:scale-down; background-color:#eee;}
.btn-submit{ width:100%; height:40px; background-color:#222; color:#fff; letter-spacing:4px; text-indent:4px; border:0;}

.btn-close{ width: 20px; height: 20px; position: absolute; right: 10px; top: 10px; transition:all .4s ease-out; cursor:pointer;}
.btn-close:hover{ transform:rotate(180deg);}
.btn-close .ret::before, .btn-close .ret::after{ position: absolute; content: ''; top: 50%; left: 0; margin-top: -1px; background: #333; width: 100%; height: 2px;}
.btn-close .ret::before{transform: rotate(45deg);}
.btn-close .ret::after{transform: rotate(-45deg);}